{{ header }}
<div style="height: 86%">
    <div class="header-bg">
        <div class="header-angle-bg"></div>
        <div class="header-overlay hidden visible-xs"></div>
        <!--Header-background-Slider-->
        <div class="header-bg-image header-bg-slider">
            <div class="item">
                <img src="catalog/view/theme/default/image/72-image/slide-5.jpg" alt="">
            </div>
            <div class="item">
                <img src="catalog/view/theme/default/image/72-image/slide-6.jpg" alt="">
            </div>
            <div class="item">
                <img src="catalog/view/theme/default/image/72-image/slide-7.jpg" alt="">
            </div>
        </div>
    </div>

    <!--<div class="vcenter">
        <div class="container">
            <div class="row text-white">
                <div id="header_text_slide" class="carousel slide carousel-animeted" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <div class="item">
                            <div class="row text-white">
                                <div class="col-xs-12 col-sm-6 col-md-5">
                                    <h1 class="headline two-h-s animated fadeInRight" data-animation="animated fadeInRight">青岛36氪产业创新中心</h1>
                                    <div class="space-5"></div>
                                    <div class="four-h-s animated fadeInRight" data-animation="animated fadeInRight">
                                        <p><span style="font-size:16px;">青岛36氪产业创新中心是由德容（北京）资本和36氪单独立项合作落地项目，由青岛柒贰法则进行全权运营服务，帮助企业成长，助力地方产业创新发展。</span></p>
                                        <div class="space-30"></div>
                                    </div>
                                    <div class="six-h-s animated fadeInRight" data-animation="animated fadeInRight">
                                        <a href="http://qierfaze.mikecrm.com/7G4wCN1" target="_blank" class="bttn icon-bttn round-bttn text-uppercase white-bttn"><b style="font-size:18px;">申请入驻 <span class="ti-link"></span></b></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="space-30"></div>

                    <div class="col-xs-12">
                        <ul class="list-inline list-unstyled">
                            <li>
                                <a class="left text-slide-control" href="#header_text_slide" role="button" data-slide="prev">
                                    <b><span class="ti-arrow-left"></span></b>
                                </a>
                            </li>
                            <li>/</li>
                            <li>
                                <a class="right text-slide-control" href="#header_text_slide" role="button" data-slide="next">
                                    <b><span class="ti-arrow-right"></span></b>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>-->
</div>
<div class="header-scroll-btton smoth">
    <a href="#36kr"><span class="ti-mouse-alt"></span></a>
</div>

<section id="36kr">
    <div class="space-80"></div>
    <div class="container">
        {#<h2 class="text-center"><img src="catalog/view/theme/default/image/72-image/72.jpg" />空间</h2>#}
        {#<p class="text-center margin-top-15px"><img src="catalog/view/theme/default/image/72-image/home__title__icon.png" /></p>#}
        {#<p class="text-center margin-top-15px"><b>72-Space</b></p>#}
        <div class="space-30"></div>
        <div class="row close-grid img-full-width">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>共享行政接待</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc">统一的客户接待流程，专属的等待区域，让创业公司也拥有属于自己的超级接待。</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space4.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>办公区域</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc"><p>充分满足创业个性化需求，联合办公空间</p>
                                        <p>4人精致独享空间</p>
                                        <p>6-8人专属创业空间</p>
                                        <p>10人以上定制办公空间</p>
                                        <p>独有海景，自由选择！</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>共享会议室</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc">共享会议室配备专业投影仪、触屏电视、手写板、轻松满足4-12人会议需求，快速开启头脑风暴。</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space5.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>共享路演厅</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc">容纳近百人的多功能路演厅，可以承办路演等项目活动，让企业随时拥有展示的舞台。</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space6.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>共享茶室</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc">企业VIP高级商务接待洽谈，让服务客户更放心、更满意。</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space3.jpg" alt="">
                            </div>
                        </div>
                    </div>

                    <div class="swiper-item">
                        <div class="col-xs-12 col-sm-4">
                            <div class="relative single-service">
                                <div class="slide-content">
                                    <div class="slide-title"><h2>柒溪书社</h2></div>
                                    <div class="space-20"></div>
                                    <div class="slide-desc">拥有图书和咖啡的创意空间，让大脑自由畅想，高品质的办公生活，让我们爱上工作中的自己。</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-1"></div>
                        <div class="col-xs-12 col-sm-7">
                            <div class="relative single-service">
                                <img src="catalog/view/theme/default/image/72-image/space1.jpg" alt="">
                            </div>
                        </div>
                    </div>

                </div>
            </div>


            {#<div class="col-xs-12 col-sm-4">#}
                {#<a href="catalog/view/theme/default/image/72-image/space03.jpg" class="work-popup">#}
                    {#<div class="img-hover-ef relative single-service">#}
                        {#<img src="catalog/view/theme/default/image/72-image/space03.jpg" alt="">#}
                        {#<div class="vcenter text-center">#}
                            {#<h3 class="text-white">到访接待区</h3>#}
                        {#</div>#}
                    {#</div>#}
                {#</a>#}
            {#</div>#}
            <div class="space-30"></div>
        </div>
    </div>
</section>

<!--news-area-->
<section id="news" class="fix">
    <div class="space-80"></div>
    <div class="container">
        <h2 class="text-center"><img src="catalog/view/theme/default/image/72-image/72.jpg" />资讯</h2>
        <p class="text-center margin-top-15px"><img src="catalog/view/theme/default/image/72-image/home__title__icon.png" /></p>
        <p class="text-center margin-top-15px"><b>News</b></p>
        <div class="space-30"></div>
        <div class="row">
            <div class="col-xs-12">
                <div class="row img-full-width">
                    {% for new in news %}
                    <div class="col-xs-12 col-sm-4 wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                        <div class="team-image">
                            <div class="relative">
                                {% if new.out_link %}
                                <a href="{{ new.out_link }}" target="_blank"><img src="{{ new.image }}" alt=""></a>
                                {% else %}
                                <img src="{{ new.image }}" alt="">
                                {% endif %}
                            </div>
                            {% if new.out_link %}
                                <a href="https://mp.weixin.qq.com/s/13glGYTyu5bsnFihgsDQkA" target="_blank" class="bttn red-bttn show">{{ new.title }}</a>
                            {% else %}
                                <a class="bttn red-bttn show">{{ new.title }}</a>
                            {% endif %}
                        </div>
                        <div class="space-30"></div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</section>
<!--news-area/-->
<!--About-area-->
<section class="gray-bg relative fix" id="about">
    <div class="space-80"></div>
    <div class="container">
        <h2 class="text-center">关于我们</h2>
        <p class="text-center margin-top-15px"><img src="catalog/view/theme/default/image/72-image/home__title__icon.png" /></p>
        <p class="text-center margin-top-15px"><b>About Us</b></p>
        <div class="space-60"></div>
        <div class="row">
            <div class="col-xs-12">
                <h4>柒贰法则</h4>
                    <div class="space-20"></div>
                    <p>青岛柒贰法则科技服务有限公司成立于2018年12月，是一家致力于做专业可信赖的创业服务企业，重点围绕创业空间、商业策划、媒体宣发、商业咨询、投融资服务（FA）、资源整合等开展业务布局。</p>
                    <p>青岛柒贰法则作为青岛36氪产业创新中心全权运营服务机构，将集聚双创资源，助推科技金融，共建双创生态，助力地方产业发展和新旧动能转换。</p>
                    <p>公司拥有一支年轻且专业的运营团队，人才涵盖财务监管、资本运营、政策解读、政企服务、品牌运营、科技创新等多个领域，1V1跟踪服务企业发展的生命全周期。</p>
                    <div class="space-40"></div>
                    <h4>36氪产业创新中心</h4>
                        <div class="space-20"></div>
                        <p>青岛36氪产业创新中心落地于青岛市市南区，市南区一直是青岛乃至全山东经济发展及文化建设的重要窗口。</p>
                        <p>产创中心将创新产业与青岛的悠久历史文化相结合，助力地方发展及新旧动能转换。中心距离青岛市火车站仅2公里，多条地铁线路规划，环湾路直达机场，交通便捷，生活资源丰富。</p>
                        <p>产创中心直面大海，独有海景办公创业体验，三层共计2800平超大空间自由选择，毗邻金茂湾购物中心，是创业与生活的理想选择。</p>
                        <div class="space-20"></div>
            </div>
        </div>
    </div>
</section>
<!--About-area/-->
<!--partners-area-->
<div id="partners">
    <div class="space-50"></div>
    <div class="container">
        <div class="col-xs-12">
            <h2 class="text-center">合作伙伴</h2>
            <p class="text-center margin-top-15px"><img src="catalog/view/theme/default/image/72-image/home__title__icon.png" /></p>
            <p class="text-center margin-top-15px"><b>Partners</b></p>
            <div class="space-30"></div>
            <div class="row img-full-width">
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner01.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner02.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner03.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner04.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner05.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner06.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner07.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner08.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner09.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner10.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner11.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner12.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner13.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner14.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner15.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner16.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner17.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner18.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner21.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner22.jpg" alt="">
                    <div class="space-30"></div>
                </div>
                <div class="col-xs-12 col-md-7ths wow fadeIn" data-wow-delay="0.4s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                    <img class="partners_img" src="catalog/view/theme/default/image/72-image/partner23.jpg" alt="">
                    <div class="space-30"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .swiper-container{width:100% !IMPORTANT;}
    .swiper-btn-group_prev{
        bottom: 0px;
        left: 30px;
        position: absolute;
        z-index: 999;

    }
    .swiper-btn-group_next{
        bottom: 0px;
        left: 80px;
        position: absolute;
        z-index: 999;
    }
    .swiper-pagination{
        bottom: 8px;
        left: -30%;
        z-index: -999;
    }
    .swiper-pagination-item{
        background-color: #000000;
    }.swiper-pagination-item_active{
         background-color: #000000;
     }
    .swiper-btn-group_prev::before, .swiper-btn-group_next::before {border-color: #000000;z-index: 999}
</style>
<script>
    $(".swiper-container").carousel({
        width:1200,
        height:300,
        speed: 3e3,
        needPrevAndNextBtnGroup: true,
        needPagination: true
    });
</script>
{{ footer }}